<script setup lang="ts">
import Carousel_self from "./carousel.vue";
</script>

<template>
  <el-card shadow="always" class="card">
    <div class="left">
      <h2>数字化成长空间</h2>
      <img src="./img/logo.png" alt="" width="140px" height="140px" style="margin-top: 100px">
    </div>
    <div class="right"><Carousel_self></Carousel_self></div>
  </el-card>

</template>

<style scoped>
.card
{
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  width: 800px;
  height: 180px;
  background: linear-gradient(#007bff, #ffffff) !important; /* 蓝白色渐变 */

}
.left
{
  position: absolute;
  top: 0;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;

}
.l-title
{
  width: 100%;
  height: 20%;
  margin-top: 20px;
}
.right
{
  position: absolute;
  left: 43%;
  top: 0;
}
</style>